<template>
	<view class="content width90 marginLeft5">
		
		<view class="html" v-html="data.contentTop"></view>
		<!-- <view class="title">创业指南</view> -->
		<!-- <view class="html" v-html="data.contentBottom"></view> -->
		
		<view class="bg_orange" @tap="getTicket" v-show="data.price">
			<view class="splitIcon"></view>
			<view class="priceBox overflow_one">
				<view class="priceIcon fontSemiBold">¥</view>
				<view class="price fontSemiBold overflow_one">{{data.price}}</view>
				<view class="clearBoth"></view>
			</view>
			<view class="centerBox">
				<view class="name">优惠券</view>
				<view class="names fontSize13">创业补贴专用</view>
			</view>
			<view class="getNow">领取</view>
			<view class="clearBoth"></view>
		</view>
		
		<view class="lessTitle">*申请创业即可领取补贴优惠券</view>
		<view class="btnSure" @tap="sureBtn">申请创业</view>
		
	</view>
</template>
<style>
	.content .bg_orange{width: 100%;height:140upx;padding:0;border-radius: 10upx;background: #DC582A;position: relative;box-shadow: 10upx 10upx 10upx #ccc;}
	.content .bg_orange .splitIcon{width: 30upx;height:140upx;height:30upx;border-radius: 30upx;background:#DC582A;position: absolute;top:40%;right:8%;z-index: 2;}
	.content .bg_orange .priceBox{width: 42%;height:140upx;padding:20upx;float: left;background: white;}
	.content .bg_orange .priceBox .priceIcon{color:#DC582A;font-size: 28upx;float: left;margin-top: 55upx;font-weight: bold;}
	.content .bg_orange .priceBox .price{width:90%;height:100upx;line-height: 120upx;color:#DC582A;font-size: 100upx;float: left;}
	.content .bg_orange .centerBox{width: 48%;height:140upx;padding:20upx;float: left;background:white;border-top-right-radius: 10upx;border-bottom-right-radius:10upx;border-left:2upx dashed #ccc}
	.content .bg_orange .centerBox .name{width: 100%;color:#DC582A;font-size: 40upx;font-weight: bold;}
	.content .bg_orange .centerBox .names{width: 100%;font-size: 28upx;color:#999999;margin-top: 10upx;}
	.content .bg_orange .getNow{width: 8%;height:140upx;line-height: 70upx;text-align: center;float: right;color:white;font-size: 34upx;}
	
	
	.content{width: 90%;padding-top: 20upx;}
	.content .title{font-size: 36upx;color:#262626;font-weight: bold;margin:20upx 0}
	.content .textarea{width: 90%;height:400upx;background: #F5F5F9;padding:5%;border-radius: 10upx;}
	.content .btnSure{width: 100%;margin-top: 40upx;background: #DC582A;font-weight: bold;font-size: 32upx;color:white;border-radius: 100upx;text-align: center;padding:20upx}
	.content .lessTitle{font-size: 26upx;color:#999999;margin-top: 40upx;}
</style>
<script>
	import Share from '@/common/wx_share.js'
	export default {
		data() {
			return {
				share:{
					title:"",
					path:'/pages/other/Entrepreneurship/Entrepreneurship',
					imageUrl:'',
					desc:'',
					content:''
				},
				data:{
					contentTop:"",
					price:"",
					// contentBottom:"",
				},
				
				
				
				
				
				
				
				
			}
		},
		onLoad(){
			this.AjaxLoad()
		},
		methods: {
			AjaxLoad(){
				let param={
					token:this._$userToken("userInfo").token,
				};
				this._$InitRequest.request("apply_info/cyinfo", param).then(res => {
					this.data.contentTop = res.data.ar_content
					this.data.price = res.data.price
				},error=>{})
			},
			getTicket(){
				let param={
					token:this._$userToken("userInfo").token,
				};
				this._$InitRequest.request("apply_info/cycoupon", param).then(res => {
					uni.showToast({icon:"none",title:res.mess})
				},error=>{})
			},
			sureBtn(){
				uni.navigateTo({
					url:"/pages/other/Entrepreneurship_form/Entrepreneurship_form"
				})
			},
			
			
		}
	}
</script>
<style lang="scss" scoped>
/deep/ .uni-input-input {font-size:32upx}
/deep/ .uni-radio-input-checked{background-color:rgb(110,43,34) !important;border:2upx solid white !important}
.content .html{
  ::v-deep {
    img {
      width: 100%;
    }
  }
}
</style>